page{
  padding-bottom: 90rpx;
}
.revice_address{
  .address_btn{
    padding: 20rpx;
    button{
      width:60%;
    }
  }
  .content{
    display: flex;
    padding: 20rpx;
    .username{
      flex: 5;
    }
    .phone{
      flex: 3;
      text-align: right;
    }
  }
}
.cart{
  .title{
    padding: 20rpx;
    font-size: 36rpx;
    color: var(--themeColor);
    border-top: 1rpx solid;
    border-bottom: 1rpx solid;
  }
  .main{
    .item{
      display: flex;
      padding: 10rpx;
      border-bottom: 1rpx solid #ccc;
      .checkbox{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .image{
        flex: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        image{
          width: 80%;
        }
      }
      .info{
        flex: 4;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        .name{
          display: -webkit-box;
          text-overflow: ellipsis;
          overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          color: #666;
        }
        .wrap{
          display: flex;
          justify-content: space-between;
          .price{
            color: var(--themeColor);
            font-size: 34rpx;
          }
          .tool{
            .num{
              float: left;
              width: 55rpx;
              height: 55rpx;
              text-align: center;
              line-height: 55rpx;
              border: 1rpx solid #ccc;
            }
            .goods_num{
              float: left;
              width: 55rpx;
              height: 55rpx;
              text-align: center;
              line-height: 55rpx;
            }
          }
        }
      }
    }
  }
}
.footer{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90rpx;
  background-color: #fff;
  display: flex;
  border-top: 1rpx solid #ccc;
  .all{
    flex: 2;
    text-align: center;
    line-height: 90rpx;
  }
  .total{
    flex: 4;
    text-align: right;
    padding-right: 15rpx;
    .num{
      text{
        color: var(--themeColor);
        font-size: 34rpx;
        font-weight: 600;
      }
    }
  }
  .pay{
    flex: 3;
    background-color: var(--themeColor);
    color: #fff;
    font-size: 32rpx;
    font-weight: 600;
    text-align: center;
    line-height: 90rpx;
  }
}